/*
  学习目标：ref的使用
  场景:
    1. ✅获取dom元素
    2. ✅获取组件实例对象
  步骤：
    
*/

import React, { Component } from 'react';
export default class App extends Component {
  // 1. 创建Ref
  childRef = React.createRef();

  handleClick = () => {
    // 3. 通过ref.current属性获取dom元素或组件实例对象
    this.childRef.current.handleClick();
  };
  render() {
    return (
      <div>
        <Child
          // 2. 绑定到dom元素或者组件标签上
          // 💥 只有class组件才有实例对象, 函数式组件没有实例对象
          ref={this.childRef}
        ></Child>
        <button onClick={this.handleClick}>点我激活input</button>
      </div>
    );
  }
}

class Child extends React.Component {
  handleClick = () => {
    alert('我被触发了');
  };
  render() {
    return <div></div>;
  }
}
